<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>student</title>
  <link href="/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">

  <script src="/js/vue.js"></script>
  <script src="/js/axios.min.js"></script>
</head>
<body>
<div id="app">
  <div class=container>
    <div class="panel panel-info">
      <div class="panel-heading">帖子内容详情页</div>
      <div class="panel-body">
      </div>
      <form class="form-horizontal">
        <input type="hidden" v-model=invitation.post_id name="post_id" />
        <div class="form-group">
          <label for="uname" class="col-sm-2 control-label">标题</label>
          <div class="col-sm-10">
            <input type="text" v-model=invitation.title class="form-control"  placeholder="《C++小游戏案例分享》">
          </div>
        </div>
        <div class="form-group">
          <label for="uname" class="col-sm-2 control-label">内容</label>
          <div class="col-sm-10">
            <input type="textarea" v-model=invitation.content class="form-control"  placeholder="控制台界面
 【C++ 程序】 井字棋游戏（人 VS 人）
 【C++ 程序】 井字棋游戏（人 VS Lv1电脑）
 【C++ 程序】 井字棋游戏（人 VS Lv2电脑）
 【C++ 程序】 井字棋游戏（人 VS Lv3电脑）
 【C++ 程序】 井字棋游戏（人 VS Lv3电脑）（战绩统计版）
 【C++ 程序】 五子棋游戏（人 VS 人）
 【C++ 程序】 五子棋游戏（人 VS Lv1电脑）（思路及框架，内容待填充）
 【C++ 程序】 移动迷宫游戏
 【C++ 程序】 贪吃蛇游戏
 【C++ 程序】 数字推盘游戏（15-puzzle）
 【C++ 程序】 2048游戏
 EasyX 图形界面
 （关于 EasyX 图形库的下载详见博客 【C++ 程序】 井字棋游戏（人 VS Lv3电脑）（战绩统计版）（EasyX 图形界面））

 【C++ 程序】 井字棋游戏（人 VS 人）（EasyX 图形界面）
 【C++ 程序】 井字棋游戏（人 VS Lv3电脑）（战绩统计版）（EasyX 图形界面）
 【C++ 程序】 2048游戏（EasyX 图形界面）
 【C++ 程序】 贪吃蛇游戏（EasyX 图形界面）
 【C++ 程序】 数字推盘游戏（15-puzzle）（EasyX图形界面）
 【C++ 程序】 俄罗斯方块游戏（EasyX 图形界面）">
          </div>
        </div>
        <div class="form-group">
          <label for="uname" class="col-sm-2 control-label">发布人</label>
          <div class="col-sm-10">
            <input type="text" v-model=applicant_name class="form-control"  placeholder="suzy">
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
</body>
</html>
<script>
  new Vue({
    el:"#app",
    data:{
      invitation:{},
      applicant_name:'',
    },
    methods:{
    },
    mounted(){
      _this = this
      var post_id = window.localStorage.getItem("post_id")
      var applicant_name = window.localStorage.getItem("applicant_name")
      console.log("主键post_id为："+ post_id)
      axios.get('/invitation/find',{
        params:{
          post_id: post_id
        }
      })
              .then(function (response) {
                _this.invitation = response.data;
                console.log(response.data);
              })
              .catch(function (error) {
                console.log(error);
              });
    }
  })
</script>


